---
slug: /plugins/table
title: Table
---

```ts live
() => {
  const ToolbarButtonsTable = () => (
    <>
      <ToolbarTable icon={<BorderAll />} transform={insertTable} />
      <ToolbarTable icon={<BorderClear />} transform={deleteTable} />
      <ToolbarTable icon={<BorderBottom />} transform={addRow} />
      <ToolbarTable icon={<BorderTop />} transform={deleteRow} />
      <ToolbarTable icon={<BorderLeft />} transform={addColumn} />
      <ToolbarTable icon={<BorderRight />} transform={deleteColumn} />
    </>
  );

  const plugins = [
    ...pluginsBasic,
    createTablePlugin(),
    createSoftBreakPlugin(optionsSoftBreakPlugin),
    createExitBreakPlugin(optionsExitBreakPlugin),
  ];

  return (
    <>
      <HeadingToolbar>
        <ToolbarButtonsTable />
      </HeadingToolbar>
      <Plate
        id="table"
        plugins={plugins}
        components={components}
        options={options}
        editableProps={editableProps}
        initialValue={initialValueTables}
      />
    </>
  );
}
```